//这是进行国内折扣的js
$(function () {
    init();


    function init() {
        // discountData();
        slideFn()
    }

    //国内折扣的数据 
    let discount=(
        function (){
            let dis;
            $.ajax({
                type:'get',
                url:'http://193.112.55.79:9090/api/getinlanddiscount',
                dataType:'json',
                async:false, 
                success:(response)=>{
                    if (response.result.length != 0) {
                        //通过点击按钮进行加载
                        //加载的时候 是生成20个数据，现在进行先显示十个，然后再每次滑动的时候再进行渲染四个，当到达最后的时候显示我也是有底线的
        
                        let data = response.result;
                        dis=data;
                        let html = '';
                        data.forEach((value, index) => {
                            //每一次生产12条
                            console.log(value)
                            if (index < 12) {
                                //小于10个的先进行渲染
                                html += ` <li>
                                <a href="YSY_discount2.html?productid=${value.productId}">
                                    <div class='discount_img'>
                                    ${value.productImg}
                                    </div>
                                    <div class='discount_title'>${value.productName}</div>
                                    <div class='discount_price'>${value.productPrice}</div>
                                    <div class='discount_time'>${value.productFrom} | ${value.productTime}</div>
                                </a>
                        </li>`
                            }
                        })
                        // let html = template('ChinaDiscount',{data});
                        $('.ysy_discount_content .discount_list ul').html(html);
        
        
                    } else {
                        mui.toast('没有数据');
                    }
        
                }
            })
            return dis;
       
        }
    )()
   

    //这是进行滑动到底部的时候 再进行加载4个 继续添加元素渲染
    function slideFn() {
        window.addEventListener('touchmove', function touch() {
            let totalHeight=$('.layout').height();
            let html=''
            if($(window).scroll()[0].pageYOffset>totalHeight/2){
                //如果大于的时候 就继续加载--------有bug 有些没办法获取
                let i=0;
                discount.forEach((value,index)=>{
                 if(index>12&&index<discount.length){
                        console.log(discount[index],i++)
                        html = ` <li>
                        <a href="YSY_discount2.html?productid=${value.productId}">
                            <div class='discount_img'>
                            ${value.productImg}
                            </div>
                            <div class='discount_title'>${value.productName}</div>
                            <div class='discount_price'>${value.productPrice}</div>
                            <div class='discount_time'>${value.productFrom} | ${value.productTime}</div>
                        </a>
                </li>`
                $('.ysy_discount_content .discount_list ul').append(html);
                    window.removeEventListener('touchmove',touch);//一添加之后就移除事件
                    
                }
            
              
                   
                })
            }
          
        })
    }








    //发送ajax请求的数据 url是请求的链接，data是发送的数据，fn是回掉函数 data在最后 没有的时候可以忽略
    function sendAjax(url, type, data, fn) {
        $.ajax({
            type: type,
            url: url,
            data: data,
            dataType: 'json',
            success: (response) => {
                fn(response);
            }
        })
    }


})